<template>
    <fl-navBar dark :border="false" title="详情" color="#000000" fixed background-color="#ffffff" status-bar
        left-icon="left" />
    <view class="fl_phone_box">
        <fl-phone :userList="userList" />
    </view>
</template>
  
<script   setup>
import { ref } from 'vue';
import { getBooksDetail } from '@/api/http'
import { onLoad } from "@dcloudio/uni-app";
const props = defineProps(['orgId'])
const userList = ref([
    {
        orgName: '',
        children: []
    }
])
onLoad(() => {
    getList()
})
const getList = async () => {
    const res = await getBooksDetail({ orgId: props.orgId })
    if (res.rows.length > 0) {
        userList.value[0].orgName = res.rows[0].orgName
        res.rows.forEach(ele => {
            userList.value[0].children.push(ele)
        })
    }
}

</script>
  
<style  lang="scss">
page {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;

    .fl_phone_box {
        flex: 1;
        height: 100%;
        overflow: hidden;
    }
}
</style>
  